.bottom{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 30px;
}
.rili{
	width: 100%;
	height: 100%;
}
.middle{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 30px;
}
.data{
	width: 90px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	p{
		display: block;
	}
}
.actice{
	background-color: #E6E6FA;
	p{
		color: #FFFFFF;
	}
}
.scroll-wrapper{
	white-space:nowrap;
	width:90%;
	border:3px solid #42b983;
    overflow:hidden;
}
.scroll-content{
	display:inline-block;
	.scroll-item{
		height: 50px;
		font-size:24px;
		display:inline-block;
		text-align:center;
		padding: 0 10px;
	}
}
.slide-fullpage{
	height: 100%;
	.banner-wrapper{
		 height: 100%;
		 .slide-banner-wrapper{
		 height: 100%;
		 .slide-banner-content{
			 height: 100%;
				 display: flex;
				 .slide-page{
					 height: 100%;
					//  background-color: aqua;
				 }
		 }
		 }
	}
}
.box{
	overflow: hidden;
}
.swiper-container {
    height: 100%;
    .swiper-wrapper {
      height: 100%;
      .swiper-slide {
        height: 100%;
      }
    }
  }
.wp{
	  padding: 0px 30px;
}
.nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	.search{
		width: 620px;
		height: 72px;
		background: #F7F7F7;
		border-radius: 10px 10px 10px 10px;
		border: 2px solid #F2F2F2;
		display: flex;
		align-items: center;
		padding: 0px 28px;
		img{
			width: 28px;
			height: 28px;
			img{
				width: 100%;
			}
		}
		.txt1{
			margin-left: 21px;
			text-align: left;
			height: 23px;
			font-size: 24px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #CCC8C8;
			line-height: 24px;
		}
	}
	.sear-button{
		width: 48px;
		height: 48px;
		img{
			width: 100%;
		}
	}
}
// tbas切换页面
.content{
	height: 100%;
	padding-bottom: 200px;
	.swiper{
		.silde-one,.silde-two{
			.swiperbox {
				height: 100%;
				padding-bottom: 170px;
				/deep/ .swiper-slide {
				  &.text {
					height: auto;
				  }
				}
			}
			// 第一个bars里面的顶部
			.swipers{				
				height: 196px;		
				padding-left: 30px;
				border-bottom: 1px solid #ECECEC;
				/deep/ .swiper-wrapper{
					align-items: center;
				}
				.title-list{
					width: 104px;
					height: 104px;
					margin-right: 24px;
					img{
						width: 100%;
						height: 100%;
						display: block;
						animation: myfirst 1s infinite;
						animation-direction:alternate;
					}
					@keyframes myfirst
						{
							from {transform: scale(1)}
							to {transform: scale(1.2)}
						}
				}
			}
			.info{
				text-align: left;
				padding: 50px 0px 60px 30px;
				border-bottom: 1px solid #ECECEC;
				.inof-t{
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding-right: 30px;
					.info-t-l{
						display: flex;
						align-items: center;
						.info-t-l-l{
							width: 80px;
							height: 80px;
							border-radius: 50%;
							margin-right: 25px;
							img{
								width: 100%;
							}
						}
						.info-t-l-r{
							p:first-child{
								margin-bottom: 17px;
								height: 28px;
								line-height: 28px;
								font-size: 30px;
								font-family: PingFangSC;
								font-weight: 500;
								color: #08090A;
							}
							p:last-child{
								height: 23px;
								line-height: 23px;
								font-size: 24px;
								font-family: PingFangSC;
								font-weight: 400;
								color: #999999;
							}
						}
					}
					.info-t-r{
						p{
							height: 23px;
							font-size: 24px;
							line-height: 23px;
							font-family: PingFangSC;
							font-weight: 400;
							color: #999999;
						}
					}
				}
				.info-c{				
					.info-c-logo{
						padding: 28px 0px;
						.info-swiper-list{
							width: 300px;
							height: 300px;
							margin-right: 24px;
							border-radius: 20px;
							img{
								width: 100%;
							}
						}
					}
					.info-c-bott{
						p{						
							height: 63px;
							font-size: 28px;
							font-family: PingFangSC;
							font-weight: 400;
							color: #3A3B3C;
						}
					}
				}
				.inof-b{
					margin-top: 51px;
					display: flex;
					align-items: center;
					justify-content: space-between;
					.info-b-l{
						display: flex;
						align-items: center;
						.info-b-l-l{
							margin-right: 11px;
							position: relative;
							width: 104px;
							height: 44px;
							img{
								position: absolute;
								top: 0px;
								left: 0px;
								bottom:0px;
								right: 0px;
								width: 44px;
								height: 44px;
								border-radius: 50%;	
							}
							img:nth-child(2){
								left: 30px;
							}
							img:nth-child(3){
								left: 60px;
							}
						}
						.info-b-l-r{
							line-height: 44px;
							p{
								height: 24px;
								font-size: 24px;
								line-height: 24px;
								font-family: PingFangSC;
								font-weight: 400;
								color: #999999;
							}
						}
					}
					.info-b-r{
						display: flex;
						padding-right: 30px;
						.info-b-r-list{
							display: flex;
							align-items: center;
							margin-right: 37px;
							img{
								height: 31px;
								display: block;
								margin-right: 11px;
							}
							P{								
								height: 24px;
								font-size: 24px;
								line-height: 24px;
								font-family: Helvetica;
								font-weight: 400;
								color: #999999;
							}
						}
						.info-b-r-list:last-child{
							margin-right: 0px;						
						}
					}
				}
			}
			.info:last-child{
				border: 0px;
			}
			
		}
		.silde-two{
			.swipers-two{			
					height: 411px;
					padding-left: 30px;
					border-bottom: 1px solid #ECECEC;
					/deep/ .swiper-wrapper{
						align-items: center;
					}
					.title-lists{
						width: 240px;
						height: 320px;
						background-color: #fefffe;
						border-radius: 20px;
						border: solid 1px #e8e8e8;
						margin-right: 24px;
						padding: 32px 0px;
						display: flex;
						flex-direction: column;
						align-items: center;
						img{
								width: 92px;
								height: 92px;
								display: block;
								margin-bottom: 19px;
								animation: myfirst 1s infinite;
								animation-direction:alternate;
						}
						@keyframes myfirst
						{
							from {transform: scale(1)}
							to {transform: scale(1.2)}
						}
						p:nth-of-type(1){														
								height: 28px;
								font-family: PingFangSC-Medium;
								font-size: 28px;
								line-height: 28px;
								font-weight: normal;
								font-stretch: normal;
								letter-spacing: 0px;
								color: #08090a;
								margin-bottom: 17px;
						}
						p:nth-of-type(2){							
								height: 22px;
								font-family: PingFangSC-Regular;
								font-size: 22px;
								font-weight: normal;
								font-stretch: normal;
								letter-spacing: 0px;
								color: #3a3b3c;
								line-height: 22px;
								margin-bottom:29px;
						}
						button{
								width: 120px;
								height: 52px;
								border-radius: 28px;
								border: solid 2px #fccb30;
								background-color: rgba(0, 0, 0, 0);
								color: #fccb30;
						}
					}	
			}
			.info{
				.info-swiper-lists{			
						width: 690px;
						height: 400px;
						border-radius: 24px;
						overflow: hidden;
						img{
							width: 100%;
							height: 100%;
						}
				}
			}
		}
	}
}
